.load_bg{
    background-color: #081d4a;
    width: 100%;
    height: 100%;
    /*position: fixed;*/
    top: 0;
    left: 0;
    position: absolute;
}
div#loadingOuter{
    width: 100%;
    max-width: 960px;
    height: 100%;
    max-height: 640px;
    top: 0;
    bottom: 0;
    margin: auto;
}
div#loadInner{
    width: 100%;
    height: 100%;
    top: 0;
    display: inline-block;
}

.inner_rotate{
    -webkit-transform: rotate(-90deg) translate(-100%, 0);
    transform: rotate(-90deg) translate(-100%, 0);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
}

.loading_div{
    padding-bottom: 10%;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
}

.logo_div{
    overflow: hidden;
    width: 100%;
}

.mask_div{
    height: 100%;
}

.h_middle{
    position: absolute;
    left: 0;
    right: 0;
    margin-left:  auto;
    margin-right:  auto;

}

/*.h_middle img{
    width: 100%;
}*/

.v_middle{
    position: absolute;
    top: 0;
    bottom: 0;
    margin-top: auto;
    margin-bottom: auto;
}

.percent_text{
    width: 100%;
    font-size: 1.5rem;
    height: 1.5rem;
    line-height: 1.5rem;
    text-align: center;
    top: 0;
}

.percent_text span{
    color: #fffbff;
    font-size: 1.75rem;
}

.qrcode_outer{
    display: none;
    position: absolute;
    pointer-events: none;
    top: 0;
    left: 0;
}

.qrcode_frame{
    position: absolute;
    left: 0;
    bottom: 0;
    pointer-events: none;
}

.qrcode_frame img{
    position: absolute;
}

div#qrcode{
    position: relative;
    pointer-events: none;
    width: 100%;
    height: 100%; 
}
div#qrcode > canvas{
    width: 81.9%;
    height: 81.9%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.progress{
    width: 93.9%;
    margin-bottom: 15%;
    height: 5%;
    max-height: 32px;
    bottom: 0;
}

.progress_bg{
    width: 100%;
    position: absolute;
    top: 18%;
    left: 0;
}

.progress_track{
    overflow-x: hidden;
    position: absolute;
    left: 0;
    width: 1%;
    height: 100%;

}

.progress_track_img{
    height: 100%;
    position: absolute;
    left: 0;
    top: 5%;
    max-width: 902px;
}


.progress_dot{
    position: absolute;
    left: 0;
    width: 1%;
    height: 100%;
}
.progress_thumb{
    height: 100%;
    right: 0;
    position: absolute;
}